<b:skin><![CDATA[
/* -----------------------------------------------
Blogger Template Style
Name    : Girly Store Responsive
Author  : Maskolis
Url     : http://www.maskolis.com/
Redesigned : www.tukangtokoonline.web.id
----------------------------------------------- */

/* Variable definitions
   ====================
   <Variable name="bgcolor" description="Page Background Color"
             type="color" default="#fff" value="#eeeeee">
   <Variable name="textcolor" description="Text Color"
             type="color" default="#444" value="#444444">
   <Variable name="linkcolor" description="Link Color"
             type="color" default="#58a" value="#2a4978">
   <Variable name="pagetitlecolor" description="Blog Title Color"
             type="color" default="#666" value="#333333">
   <Variable name="descriptioncolor" description="Blog Description Color"
             type="color" default="#999" value="#666666">
   <Variable name="titlecolor" description="Post Title Color"
             type="color" default="#c60" value="#000000">
   <Variable name="bordercolor" description="Border Color"
             type="color" default="#ccc" value="#dcd9d9">
   <Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#999" value="#333333">
   <Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#666" value="#666666">
   <Variable name="visitedlinkcolor" description="Visited Link Color"
             type="color" default="#999" value="#2a4978">
   <Variable name="bodyfont" description="Text Font"
             type="font" default="normal normal 100% Georgia, Serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
   <Variable name="headerfont" description="Sidebar Title Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
   <Variable name="pagetitlefont" description="Blog Title Font"
             type="font"
             default="normal normal 200% Georgia, Serif" value="normal normal 26px Georgia, Serif">
   <Variable name="descriptionfont" description="Blog Description Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 12px Lucida Sans, Tahoma, Helvetica, FreeSans, sans-serif">
   <Variable name="postfooterfont" description="Post Footer Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
   <Variable name="startSide" description="Side where text starts in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="Side where text ends in blog language"
             type="automatic" default="right" value="right">
*/

body{background:url(https://lh5.googleusercontent.com/-8d-xGQLvRMA/VCgYlXNHD0I/AAAAAAAAAh4/YhxIwGSX4VI/s1600/pinkky2.jpg);color:$tekscolor;font:x-small Trebuchet MS;font-size:small;text-align:left;margin:0}
a:link{color:$linkcolor;text-decoration:none}
a:visited{color:$visitedlinkcolor;text-decoration:none}
a:hover{color:$titlecolor;text-decoration:none}
a img{border-width:0;max-width:95%}
#header-wrapper{width:100%;max-height:140px;border:0 solid $bordercolor;margin:0}
#header-inner{background-position:center;margin-left:auto;margin-right:auto}
#header{float:left;width:350px;border:0 solid $bordercolor;text-align:left;color:$pagetitlecolor;margin:0}

#header2{float:right;width:600px;margin-right:10px;text-align:left;color:#555}
.header .widget,.header2 .widget{margin:0 auto;padding:10px 0}
#header h1{line-height:1.2em;text-transform:none;letter-spacing:.1em;font:bold 30px Oswald;margin:0 auto;padding:10px 5px .15em;color:#000000;}
#header a{text-decoration:none}
#header a:hover{color:$pagetitlecolor}
#header .description{max-width:100%;text-transform:uppercase;letter-spacing:.01em;line-height:1.2em;font:bold 14px Arial;color:#FF0000;margin:0 auto;padding:0 5px 5px}
#header img{margin-startside:auto;margin-endside:auto}
#navbar-iframe{height:0;visibility:hidden;display:none}
#crosscol-wrapper{margin:0 auto;padding:0 auto}
.crosscol .widget{margin:0 auto;padding:0 0 6px}
#mainpage-wrapper{width:720px;float:$startSide;word-wrap:break-word;overflow:hidden}
#main-wrapper{background:#CD853F;width:720px;float:$startSide;word-wrap:break-word;overflow:hidden;}

#sidebar-wrapper{background:url(https://lh6.googleusercontent.com/-WTnPZ1a3WH0/VCgksziqHII/AAAAAAAAAi8/mV17kLifi-4/s1600/sidebar-pinky.jpg);width:250px;float:$endSide;word-wrap:break-word;overflow:hidden}
h2.date-header{margin:1.5em 0 .5em}

.post{background:#FCF1EF;margin:.5em 0 .1em;padding:15px}
.post .jump-link{display:none}
.post h3{font:20px Oswald;line-height:1.2em;color:#333;margin:.25em 0 0;padding:0 0 4px;text-shadow:1px 1px 1px #ccc;}
.post h3 a,.post h3 a:visited,.post h3 strong{color:$titlecolor}
.post h3 strong,.post h3 a:hover{color:#444444}
.post-body{border-top:2px solid #bbb;font:12px Arial;padding-top:10px;line-height:1.4em;margin:1em 0 .75em;}
.post-body blockquote{line-height:1.3em}
.post-footer{color:#666;text-transform:none;letter-spacing:.01em;font:$postfooterfont;line-height:1.4em;margin:.75em 0}
.comment-link{margin-startside:.6em}
.post img,table.tr-caption-container{overflow:hidden;margin-top:5px;padding:0}
.tr-caption-container img{border:none;padding:0}
.post blockquote{margin: 10px 10px 10px 20px;padding: 10px 15px 10px 15px;line-height: 1.6em;color: #333;background: #eee;border-left: 20px solid #ccc}
.post blockquote p{margin:.75em 0}
table{width:100%;border-collapse:collapse;border-spacing:0;border:1px solid #999;color:#444;margin:10px 0}
table td,table th{text-align:left;border:1px solid #999;padding:.4em .8em}
table th{text-transform:uppercase;font-weight:400;border:1px solid #999}
table td{border:1px solid #999}
table tr.even td{border:none}
.comments{padding:0 15px}
#comments h4{font-size:16px;font-weight:400;margin:20px 0}
.cm_wrap{clear:both;margin-bottom:10px;float:right;width:100%}
.cm_head{width:60px;float:left;margin:0}
.cm_avatar{vertical-align:middle;border:1px solid #DDD;background:url(http://4.bp.blogspot.com/-POy-pvgzudE/Tz0SPxJXQnI/AAAAAAAAFUI/SlCAfDMFIhg/s1600/anonymous.jpg) center no-repeat;width:35px;height:35px;margin:0;padding:3px}
.cm_avatar_a{vertical-align:middle;border:1px solid #DDD;background:silver;background-position:center;background-repeat:no-repeat;width:35px;height:35px;margin:0;padding:3px}
.cm_reply a{display:inline-block;border:1px solid #C4C4C4;border-top-color:#E4E4E4;border-left-color:#E4E4E4;color:#424242!important;text-align:center;text-decoration:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:0;font:11px/18px sans-serif;margin:0;padding:1px 6px}
.cm_reply a:hover{text-decoration:none!important;background:#aaa}
.cm_entry{background:#fcfcfc;border:1px solid #E4E4E4;overflow:hidden;padding:16px}
.cm_arrow{display:block;width:9px;height:18px;background:url(http://3.bp.blogspot.com/-NONrBLhghFk/To0nNB1LmkI/AAAAAAAAAI4/CAuzDfYiCiU/s1600/comment-arrow.gif) no-repeat;position:absolute;margin-left:-25px}
.cm_info{margin-bottom:5px;border:thin solid #E6E6E6;background-color:#F4F4F4;padding:5px}
.cm_info_a{margin-bottom:5px;border:thin solid #E6E6E6;background-color:#e5e5e5;padding:5px}
.cm_name{font-size:14px;color:#333!important;text-decoration:none;float:left}
.cm_name_a{font:bold 13px Arial;color:#333!important;text-decoration:none;float:left}
.cm_date{font-size:10px;color:#999;text-decoration:none;float:right}
.cm_date_a{font:normal 10px Arial;color:#333;text-decoration:none;float:right;padding-top:5px}
.cm_pagenavi{font-size:10px;text-transform:uppercase;color:#666;text-shadow:1px 1px #FFF;font-weight:700}
.cm_pagenavi a{color:#666;text-decoration:none;padding:10px}
.cm_pagenavi span{color:#888;background:#FFF;border:1px solid #E0E0E0;padding:4px}
.comment-body-author{font-family:Arial;font-weight:300}
.cm_entry p,.cm_entry_a p{clear:both;border:thin solid #E6E6E6;background-color:#fff;font-size:13px;color:#333;word-wrap:break-word;padding:5px}
.cm_reply{padding-top:5px}
#blog-pager-newer-link{float:$startSide}
#blog-pager-older-link{float:$endSide}
#blog-pager{clear:both;text-align:center;margin:20px 0;padding:10px 0}
.feed-links{clear:both;line-height:2.5em}

.sidebar h2{background:#CC3480;font:13px Oswald;color:#fff;text-transform:uppercase;margin:0;padding:6px 0 7px 10px;border-bottom:1px solid #bababa;border-top:1px solid #bababa}
.sidebar{text-shadow: white 0;color:#666666;line-height:1.3em;border:1px solid #c3c3c3;border-top:none}

.sidebar li{background:url(http://3.bp.blogspot.com/-Qe4UP5Cn9LQ/T3sGU5DTb0I/AAAAAAAAAL8/xJUZ31qQ8B4/s1600/batas.gif) repeat-x scroll bottom;text-indent:0;line-height:1.3em;margin:0;padding:3px 0 4px}

.sidebar .widget{border:0 solid #dcd9d9;margin:0 0 5px}
.sidebar .widget-content{margin:0 auto;padding:0px 0px}
.sidebar a:link,.sidebar a:visited{font:12px Oswald;color:#555;text-decoration:none}
.sidebar li a:hover{color:#1159b3}
.sidebar ul{list-style:none;margin:0;padding:5px 10px}

.main .widget{border-bottom:1px dotted $bordercolor;margin:0 0 1.5em;padding:0 0 1.5em}
.main .Blog{border-bottom-width:0}
.profile-img{float:$startSide;margin-top:0;margin-endside:10px;margin-bottom:5px;margin-startside:0;border:1px solid $bordercolor;padding:4px}
.profile-data{text-transform:uppercase;letter-spacing:.01em;font:bold 13px Arial;color:$sidebarcolor;line-height:1.3em;margin:0}
.profile-datablock{margin:.5em 0}
.profile-textblock{line-height:1.3em;margin:.5em 0}
.profile-link{font:$postfooterfont;text-transform:none;letter-spacing:.01em}

#toppic {width:970px;height:37px;background:#D573A4;border-bottom:1px solid #002851;margin:0;padding:0 auto;overflow:hidden;text-shadow:1px 1px 2px #002851}

#topwrapper {max-width:970px;max-height:37px;margin:0 auto;padding:0 auto}
.clearit {clear: both;height: 0;line-height: 0.0;font-size: 0;}
#top {max-width:100%;}
#top, #top ul {padding: 0;margin: 0;list-style: none;}
#top a {text-align:left;display: block;text-decoration: none;padding:10px 12px 11px;font:bold 14px Arial;text-transform:none;color:#eee;}
#top a:hover {color:#c5fa6f}
#top a.trigger {background-image: url(http://3.bp.blogspot.com/-LzmPTNyR6po/TwETZufjSTI/AAAAAAAAATo/oisHmXUjmSY/s1600/arrow_white.gif);background-repeat: no-repeat;padding: 10px 24px 11px 12px;background-position: right center;}
#top li {float: left;position: relative;}
#top li {position: static; width: auto;}
#top li ul, #top ul li {width:300px;}
#top ul li a  {text-align:left;padding: 6px 15px;font-size:13px;font-weight:normal;text-transform:none;font-family:Arial, sans-serif;border:none;}
#top li ul {z-index:100;position: absolute;display: none;background-color:#1a3352;margin-left:-80px;padding:10px 0;-moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6);filter:alpha(opacity=87);-moz-opacity:.87;opacity:.87}
#top li ul li {width:150px;float:left;margin:0;padding:0}
#top li:hover ul, #top li.hvr ul {display: block;}
#top li:hover ul a, #top li.hvr ul a {color:#ddd;background-color:transparent;text-decoration:none;}
#top ul a:hover {text-decoration:underline!important;color:yellow}

.showpageOf{border:1px solid #7b7c7d;color:#000;margin:2px;padding:3px 6px}
.showpageNum a,.showpage a{border:1px solid #7b7c7d;color:#000;text-decoration:none;margin:2px;padding:3px 6px}
.showpageNum a:hover,.showpage a:hover,.showpagePoint{border:1px solid #001627;background:#CC3480;color:#fff;margin:2px;padding:3px 6px}

.newsfea{background:#CC3480;font:13px Oswald;color:#fff;margin:0px;padding:7px 10px;border-bottom:1px solid #c3c3c3;border-top:1px solid #c3c3c3;text-transform:uppercase;text-shadow:0 #fff}
#outer-wrapper{background:url(https://lh6.googleusercontent.com/-oUlg1CllOxs/VCga-uQDDAI/AAAAAAAAAiQ/NmCkVrK89m0/s1600/outer-wrapper2.jpg);width:970px;text-align:$startSide;font:$bodyfont;margin:10px auto;padding:10px;padding-top:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 40px rgba(0,0,0,.20);-webkit-box-shadow:0 0 5px rgba(0,0,0,.20);-goog-ms-box-shadow:0 0 10px #222;box-shadow:0 0 40px rgba(0,0,0,.20)}

.footer h2{background:url(http://1.bp.blogspot.com/-P9SH_Wqh8H8/T42Xsi3BLrI/AAAAAAAAAns/CQ8rRk-aAwE/s1600/batas.png) repeat-x scroll bottom;padding-bottom:10px;font:bold 14px Tahoma;color:#111;line-height:1.2em;text-transform:none;letter-spacing:.01em;margin:0 0 3px}
.footer{font:normal 12px Arial;color:#111;line-height:1.3em}
.footer ul{list-style:none;color:#EAE9E8;margin:0;padding:0}
.footer li{background:url(http://4.bp.blogspot.com/-Bt0JYGRHfpk/T7ZpN5RNSQI/AAAAAAAAGJQ/zQtrWVZwgHA/s1600/bullet.png) no-repeat 1px 5px;font:normal 13px Arial;color:#EAE9E8;text-indent:0;line-height:1.1em;margin:0;padding:2px 0 3px 16px}
.footer .widget{margin:0 0 5px;padding:0 auto}
.footer a:link,.footer a:visited{font:normal 12px Arial;color:#111;text-decoration:none}
.footer a:hover{color:#eee;text-decoration:none}
.footerwrap{background:#CD853F;width:970px;margin-startside:auto;margin-endside:auto;text-align:center;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;margin:0;padding:10px 0}

#footer-wrapper{width:950px;text-align:left;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;margin:0 auto;padding:10px 0}

#footer1-wrapper{width:210px;float:left;margin-right:15px;word-wrap:break-word;overflow:hidden}

#footer4-wrapper{width:270px;float:left;word-wrap:break-word;overflow:hidden}

#footer2-wrapper,#footer3-wrapper{width:210px;float:left;margin-right:15px;word-wrap:break-word;overflow:hidden}

.creditwrap{background:#A72866;max-width:100%;border-top:1px solid #666;margin:0;padding:0 auto}

.credit{width:950px;line-height:1.6em;text-align:center;font-family:Arial;font-size:11px;color:#aaa;overflow:hidden;clear:both;margin:0;padding:10px 0}

.credit a:link,.credit a:visited{color:#aaa;text-decoration:none}
.credit a:hover{color:#FFF;text-decoration:none}


#featuredSlider{background-color:#CC3480;background-image: -moz-linear-gradient(top,#444 0,#222 100%); background-image: -ms-linear-gradient(top,#CC3480 0,#222 100%); background-image: -o-linear-gradient(top,#CC3480 0,#222 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#CC3480),color-stop(100%,#222)); background-image: -webkit-linear-gradient(top,#CC3480 0,#222 100%); background-image: linear-gradient(to bottom,#CC3480 0,#222 100%);border-bottom:1px solid #000;border-top:1px solid #666;float:$startSide;margin:0; padding:10px 0; width:720px; position:relative;color:#aaa;font:bold 16px Arial;}

#featuredSlider .featured-thumb {background:#ccc;float:left; margin:0 10px 0 0; padding:8px;}


#featuredSlider .container {height:245px; margin:0 10px;overflow:hidden; position:relative; }
.featuredTitle{font-size:22px;font-weight:bold!important;}

.featuredTitle a{color:#bae077}
.featuredTitle a:hover{color:#fff}
.navigation {position:relative;bottom:18px;float:right;overflow:hidden;}
ul.pagination {list-style-type:none; margin:0 auto; padding:0;}
ul.pagination a { float:left; margin:0 5px; display:inline; }
ul.pagination a { display:block;width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(http://4.bp.blogspot.com/-_hN3GGPOPms/T9bnbVzlT0I/AAAAAAAAGzM/BS6NXm1auxQ/s1600/pagination-slider.png); background-position:0 0; background-repeat:no-repeat; }
ul.pagination a:hover { background-position:0 -12px; }
ul.pagination a:hover { background-position:0 -12px; }
ul.pagination a.activeSlide { background-position:0 -12px }
a.shop {float:right;background:#6b9b16 url(http://2.bp.blogspot.com/-S4AKqSDPUEs/ToSYCWJy4qI/AAAAAAAAABI/conBgqSajOY/s1600/fade.png) repeat-x top left;display:block;margin:10px 0 0 0;padding:4px 10px;color:#fff;font-weight:700}
a.shop:hover {color:#000}

#nav-wrapper{background:rgba(204, 52, 128, 1);border-top:1px solid #444;border-bottom:1px solid #000;height:auto;font-family:"Tahoma",Palatino,serif;overflow:hidden}
#nav{margin:0;width:970px;height:30px;padding:0;text-shadow:1px 1px 2px #000}
#nav ul{float:left;width:auto;height:30px;margin:0;padding:0;list-style-type:none}
#nav ul li{float:left;height:30px}
#nav ul li a,#nav ul li a:visited{border-right:1px solid #000;background:#A20956;border-left:1px solid #444;color:#eee;float:right;height:30px;padding:5px 14px;font:12px Oswald;text-transform:none;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out;}
#nav ul li a:hover{background:#B7437E;color:#999;text-decoration:none;}

input.order{color:#000;font-size:11px;text-align:center;width:70px;margin:10px 5px 0px 0;float:right;padding:2px 5px}

a.item_add{background:#FAB7D6 url(http://2.bp.blogspot.com/-dw0-PS4Lgik/T8Lif1Jkp8I/AAAAAAAAGTs/lsY6RWNr4iM/s1600/blur.png) repeat-x top left;border:1px solid #333;color:#000;font-size:11px;text-align:center;width:60px;margin:10px 5px 0px 0;float:right;padding:4px 5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
a.item_add:hover{background:#fff;border:1px solid #333;}
.item_price{display:block;height:20px;position:absolute;color:#fc0000;font:bold 14px Arial;float:center;border:0 none;padding:5px 10px;bottom:32px;left:15px}

#search{float:right;width:180px;height:20px;margin-top:2px;margin-bottom:2px;}

#search form{float:left}
#search input[type="text"]{background:#fff url(http://1.bp.blogspot.com/-sv3VBy8Tch0/T6UzB3zDYMI/AAAAAAAAA-Y/dVtCsOgvB_o/s1600/search_button.png) no-repeat scroll 4px center;float:left;border:1px solid #999;width:146px;margin-top:1px;padding:3px 15px;font-size:12px;text-align:right}
#search input[type="text"]:focus{background:#fff}
#search input[type="submit"]{display:none}

ul#related-posts{font:14px Oswald;list-style:none;text-transform:none;margin:10px 0;padding:0}
ul#related-posts li{float:left;height:auto;list-style-type:none;margin:0 5px;padding:2px 1px}
*html ul.rp#related-posts li{margin:0 13px}
ul#related-posts li a{-moz-box-shadow:0 1px 2px rgba(0,0,0,0.15);border:4px solid #bbb;display:block;height:95px;position:relative;width:90px;color:#eaeaea;text-decoration:none;text-shadow:0 1px 0 #000}
ul#related-posts li .overlay{height:89px;line-height:16px;position:absolute;width:84px;z-index:10;padding:6px 0 0 6px}
ul#related-posts li a:hover .overlay{background:url(http://3.bp.blogspot.com/-F6jJZ3Qin7s/T5bShzfjYRI/AAAAAAAAAtE/aD9q8DnSYiw/s1600/transparant.png);display:block!important;}
ul#related-posts li img{bottom:0;padding:0!important}
ul#related-posts li a:hover{-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25);border:4px solid #666}

#main-wrapper h2 {background:#CC3480;padding:7px;color:#fff;text-transform: uppercase;font: 13px Oswald;}
.cloud-zoom-lens {
	border: 4px solid #888;
	margin:-4px;
	background-color:#fff;	
	cursor:move;		
}
.cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;	
	font-weight:bold;
	font-size:10px;
	top:0px;
}
.cloud-zoom-big {
	border:4px solid #ccc;
	overflow:hidden;
}
.cloud-zoom-loading {
	color:white;	
	background:#222;
	padding:3px;
	border:1px solid #000;
}
]]></b:skin>